<template>
    <container class="test">
        <toolbar></toolbar>

        <monaco-diff-editor lang="json" :original="original" :modified="modified"></monaco-diff-editor>
    </container>
</template>

<script type="text/ecmascript-6">
  import Container from "../../components/common/Container";
  import Icon from "../../components/common/Icon";
  import Toolbar from "../../components/common/Toolbar";
  import * as Mustache from "mustache";
  import MonacoDiffEditor from "../../components/editor/MonacoDiffEditor/index";

  /**
   * @author 白雨浓
   * @date 2019/6/23 16:24
   *
   * 测试
   **/
  export default {
    name: 'Test',
    components: {MonacoDiffEditor, Toolbar, Icon, Container},
    data() {
      return {
        test: '',
        original: 'const',
        modified: 'var',
      }
    },
    mounted() {
    },
    methods: {}
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    .test {
        height 100vh
    }
</style>
